<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>享购网</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/payMoney.css">
</head>
<body>
    <div class="header"></div>
    <div class="payBody container">
        <h2 class="p-title">请填写并核对您的订单信息</h2>
        
         <div class="pay-shop" id="pay-shop">

         </div>
         <script type="text/html" id="pay-shopTemplate">
            <table class="table table-bordered table-condensed carTable">
                <thead >
                    <th>商品名称</th>
                    <th>价格</th>
                    <th>购买数量</th>
                    <th>小计</th>
                </thead>
                <tbody class="shopcont">
                  {{each cartList shop}}
                    <tr data-id="{{shop.id}}">
                        <td>
                            <a href="/html/detail.html?id={{shop.id}}">
                                <img src="{{shop.photo.url}}" alt="" class="shopimg">
                            </a>
                            <span>{{shop.title.slice(0,10)}}....</span>
                        </td>
                        <td class="shop-Price">
                            <span>{{shop.price}}</span>
                        </td>
                        <td class="countTd">
                            
                            <input type="text" value="{{shop.num}}" class="countInput">
                           
                        </td>
                        <td class="subtotal">
                          <span>{{(shop.num*shop.price).toFixed(2)}}</span>
                        </td>
                    </tr>
                   {{/each}} 
                </tbody>
                <tfoot>
                  <tr>
                    <td >
                        
                    </td>
                    <td >
                        <span>商品应付金额：</span>
                        <em>￥</em>
                        <strong><span id="Paymoney" style="color:red;"></span></strong>
                    </td>
                    <td>
                     
                    </td>
                    <td></td>
                    
                </tr>
                </tfoot>   
         </script>
         <form class="form-horizontal">
            <div class="form-group">
              <label for="inputName" class="col-sm-2 control-label">收货人姓名</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="inputName" placeholder="输入您的姓名">
              </div>
            </div>
            <div class="form-group">
              <label for="inputPhoneNum" class="col-sm-2 control-label">联系方式</label>
              <div class="col-sm-10">
                <input type="number" class="form-control" id="inputPhoneNum" placeholder="输入您的电话号码">
              </div>
            </div>
            <div class="form-group">
              <label for="inputArea" class="col-sm-2 control-label">收货地址</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="inputArea" placeholder="输入您的详细地址(省市区)">
              </div>
            </div>
           
               
            
            
         </form>
         <button type="submit" class=" surePay">确认订单详情</button>
    </div>
    <div class="footer"></div>
    <script src="/libs/require/require.min.js" data-main="/js/payMoney"></script>
</body>
</html>